Кешировать страницы с помощью XMLHttpRequest

[_Alex9_]

Всё находится и запускается на одном и том же домене в последних версиях основных браузеров.

var xmlhttp = new XMLHttpRequest();
var sites = ["/page1", "/page2", "/page3"];
var cache = {};

function xhrStart(url) {
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
}

function isOkXhr() {
    return (xmlhttp.readyState == 4 &&
        (xmlhttp.status >= 200 && xmlhttp.status < 300));
}
function reload() {
    var len = sites.length;
    var i;
    for (i = 0; i < len; i++) {
        var url = sites[i];
        
        xmlhttp.onreadystatechange = function () {
            if (isOkXhr())
                cache[url] = xmlhttp.responseText;
        }
        xhrStart(url);
    }
}

Функция reload должна бы кешировать все страницы, но на самом деле все запросы возвращают Aborted в отладчике, кроме последнего. В чём может быть проблема?

[danik.js]

все запросы возвращают Aborted в отладчике, кроме последнего

Так ты когда делаешь open() и send() , то предыдущий запрос, не успев завершиться, конечно же отменяется.

Кстати, к чему велосипедить если есть <link rel="prefetch" />